<template>
    <div class="flex flex-col px-6 py-7">
        <!-- 顶部 -->
        <div class="flex items-center">
            <div class="bg-blue-700 rounded-[50%] w-8 h-8 flex items-center justify-center">
                <icon-user :style="{ 'color': '#ffffff' }" />
            </div>
            <span class="text-xl ml-4">个人空间</span>
        </div>

        <!-- 导航栏 -->
        <div class="flex mt-7">
            <a-radio-group size="large" type="button" default-value="0">
                <a-radio value="0">AI 应用</a-radio>
                <a-radio value="1" disabled>插件</a-radio>
                <a-radio value="2" disabled>工作流</a-radio>
                <a-radio value="3" disabled>知识库</a-radio>
            </a-radio-group>
        </div>

        <!-- 展示区 -->
        <div class="mt-4">
            <router-view />
        </div>
    </div>
</template>

<script setup lang="ts">
</script>

<style scoped></style>